<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no ,viewport-fit=cover">
		<title>社保卡统筹区转移</title>
		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">
		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../../../lib/thirdparty/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../lib/css/mainpage.css" />
		<link href="../../../../lib/thirdparty/jquery-weui/css/weui.min.css" rel="stylesheet" type="text/css">
		<link href="../../../../lib/thirdparty/jquery-weui/css/jquery-weui.min.css" rel="stylesheet" type="text/css">
		<link href="../../../../lib/css/common.css" rel="stylesheet" type="text/css">
		<link href="../../../../lib/thirdparty/mobileSelect/css/mobileSelect.css" rel="stylesheet" type="text/css">

		<style>
			.modal-dialog .modal-header {
				background-color: #1386f1;
				color: #fff;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			
			.modal-content {
				position: relative;
				background-color: #fff;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				border: 1px solid #999;
				border: 1px solid rgba(0, 0, 0, .2);
				border-radius: 6px;
				outline: 0;
				-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
				box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
			}
			
			.modal {
				background-color: rgba(0, 0, 0, 0.5);
			}
			
			.ul_style input {
				border: none;
				text-align: right;
				line-height: 5px;
				width: 100%;
				height: 20px;
				margin-bottom: 1px;
				padding: 1px 1px;
				-webkit-user-select: text;
				-webkit-appearance: none;
			}
			
			.mui-table-view-cell input {
				text-align: right;
				line-height: 22px;
				width: 74%;
				float: left;
				height: 17px;
				margin-bottom: 1px;
				padding: 0px 2px;
			}
			
			.list-div li:before {
				content: "";
				width: 40px;
				margin-left: -65px;
			}
			
			.list-div li:after {
				content: "";
				width: 40px;
				margin-right: -65px;
			}
			
			.list-div li {
				width: 33%;
			}
			
			.modal-dialog .modal-header {
				background-color: #1386f1;
				color: #fff;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			
			.modal-content {
				position: relative;
				background-color: #fff;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				border: 1px solid #999;
				border: 1px solid rgba(0, 0, 0, .2);
				border-radius: 6px;
				outline: 0;
				-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
				box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
			}
			
			.modal {
				background-color: rgba(0, 0, 0, 0.5);
				padding-top: 20%;
			}
			
			#mask-usertype {
				position: fixed;
				top: 0;
				background: rgba(0, 0, 0, .7);
				width: 100%;
				left: 0;
				right: 0;
				height: 100%;
				z-index: 8000;
				padding: 20px;
			}
			
			.div-usertype {
				position: absolute;
				top: 50%;
				left: 50%;
				background-color: #fff;
				-ms-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				margin: 0;
				width: 70%;
				border-radius: 5px;
			}
			
			.weui-icon-checked-more {
				border: 1px solid #DDDDDD;
				height: 16px;
				width: 16px;
			}
			/*.weui-icon-checked-more:before {
				display: block;
				content: '\EA08';
				color: #09bb07;
				font-size: 16px;
				margin-left: -1px;
			}*/
			
			.weui-cells_radio .weui-check:checked+.weui-icon-checked:before {
				display: block;
				content: '\EA08';
				color: #09bb07;
				font-size: 16px;
				margin-left: -1px;
			}
			
			.btns-more {
				display: block;
				width: 40%;
				height: 34px;
				line-height: 34px;
				margin: 10px auto 10px;
				padding: 0;
				font-size: 16px;
				text-align: center;
				color: #fff;
				border: 0;
				/*border-radius: 30px;*/
				border-width: 1px;
				border-style: solid;
				border-color: transparent;
				background: #588eff;
				box-shadow: 0 1px 1px #6a84ff;
			}
		</style>

	</head>

	<body ng-app="ngapp" ng-controller="ngController" class="mui-content">
		<div id="resultdiv" style="display: none">
			<div class="weui-cells font-14" style="margin-top: 5px;">
				<div class="weui-cell border-no border-bom">
					<div class="weui-cell__bd color-3e">
						<p class="font-14 color-999 margin-bom5">社会保障号</p>
					</div>
					<div class="weui-cell__ft div-padding-left">
						<label ng-bind="aae135"></label>
					</div>
				</div>
				<div class="weui-cell border-no border-bom">
					<div class="weui-cell__bd color-3e">
						<p class="font-14 color-999 margin-bom5">姓名</p>
					</div>
					<div class="weui-cell__ft div-padding-left">
						<label ng-bind="aac003"></label>
					</div>
				</div>
				<div class="weui-cell border-no border-bom">
					<div class="weui-cell__bd color-3e">
						<p class="font-14 color-999 margin-bom5">卡状态</p>
					</div>
					<div class="weui-cell__ft div-padding-left">
						<label ng-bind="baz814Name"></label>
					</div>
				</div>
				<div class="weui-cell border-no border-bom">
					<div class="weui-cell__bd color-3e">
						<p class="font-14 color-999 margin-bom5">制卡银行</p>
					</div>
					<div class="weui-cell__ft div-padding-left">
						<label ng-bind="baz838Name"></label>
					</div>
				</div>
				<div class="weui-cell border-no border-bom">
					<div class="weui-cell__bd color-3e">
						<p class="font-14 color-999 margin-bom5">制卡地市</p>
					</div>
					<div class="weui-cell__ft div-padding-left">
						<label ng-bind="aab201Name"></label>
					</div>
				</div>
				<div class="weui-cell border-no border-bom">
					<div class="weui-cell__bd color-3e">
						<p class="font-14 color-999 margin-bom5">制卡单位</p>
					</div>
					<div class="weui-cell__ft div-padding-left">
						<label ng-bind="aab004"></label>
					</div>
				</div>
				<div class="weui-cell border-no border-bom">
					<div class="weui-cell__bd color-3e">
						<p class="font-14 color-999 margin-bom5">账户余额</p>
					</div>
					<div class="weui-cell__ft div-padding-left">
						<label ng-bind="balance"></label>
					</div>
				</div>
			</div>
			<button class="btns" ng-click="saveClick()">统筹区转移</button>
		</div>
		<div id="mask-usertype" style="display: none;">
			<div class="weui-cells div-usertype">
				<div class="weui-cells__title">请选择您将要转移到的统筹区：</div>
				<div class="weui-cells box-shaow css-arrow-right weui-cells_radio" ng-repeat="item in items  track by $index">
					<label class="weui-cell weui-check__label" for="show{{$index}}">
							<div class="weui-cell__hd" style="width: 30px;">
								<input type="radio" class="weui-check" name="radio1" id="show{{$index}}" ng-model="item.ifChecked"/>
								<span class="weui-icon-checked weui-icon-checked-more"></span>
							</div>
    							<div class="weui-cell__bd">
     							 <p><span>统筹区：</span><span ng-bind="item.cityCodeList | userTypeFilter"></span></p>
							</div>
						</label>
				</div>
				<button class="btns-more" style="width: 40%; " ng-click="userClick()">确定</button>

				<!--<div class="weui-cell weui-cell_access" ng-repeat="item in items" ng-click="userClick(item)">
					<div class="weui-cell__bd">
						<p><span>统筹区：</span><span ng-bind="item.cityCodeList | userTypeFilter"></span></p>
					</div>
					<div class="weui-cell__ft"></div>
				</div>-->
			</div>
		</div>
		<div style="text-align:center;margin-top: 1.25rem;">
			<span style="font-size:12px;color:red; text-align: center;">温馨提示：</span><span style="font-size:12px;color:#666666 text-align: center;">因二连浩特市新医保上线，无法进行统筹区转移，具体请咨询当地医保局</span>
		</div>
		<script src="../../../../lib/thirdparty/vconsole.min.js"></script>
		<script src="../../../../lib/thirdparty/jquery/jquery-1.9.1.min.js"></script>
		<script src="../../../../lib/thirdparty/angularjs/1.5.8/angular.min.js"></script>
		<script src="../../../../lib/thirdparty/angularjs/1.5.8/angular-route.js"></script>
		<script src="../../../../lib/thirdparty/jquery-weui/js/jquery-weui.min.js"></script>
		<script src="../../../../lib/thirdparty/ng-infinite-scroll.min.js"></script>
		<script src="../../../../lib/js/min/j2c_main_code.js"></script>
		<!--<script src="../../../../lib/js/j2c_core.js"></script>
		<script src="../../../../lib/js/j2c_core_kit.js"></script>
		<script src="../../../../lib/js/j2c_core_local.js"></script>
		<script src="../../../../lib/js/j2c_corePWA.js"></script>
		<script src="../../../../lib/js/j2c_coreAlipay.js"></script>
		<script src="../../../../lib/js/j2c_coreWechart.js"></script>-->
		<script src="../../../../lib/thirdparty/bootstrap/js/ui-bootstrap-tpls-0.12.1.min.js"></script>
		<script src="../../../../lib/thirdparty/bootstrap/js/bootstrap.min.js"></script>
		<script src="../../../../config/common.js"></script>
		<script src="../../../../config/common-check.js"></script>
		<script src="../../../../config/app-config.js"></script>
		<script src="../code/code.js"></script>
		<script src="../../../../lib/thirdparty/mobileSelect/js/mobileSelect.js"></script>

		<!--<script src="../../../../code/city_code.js"></script>-->

		<script src="../js/cardAreaTransfer.js"></script>
		<script src="../js/cardAreaTransferService.js"></script>
	</body>

</html>